/*
 * @Author: your name
 * @Date: 2021-07-14 17:05:14
 * @LastEditTime: 2021-07-14 17:34:35
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \vue-hr-project\src\directives\index.js
 */
import store from '@/store'

// Vue.directive() 定义全局指令
// 使用插件形式定义全局指令
const directivePlugin = {
  install(Vue) {
    Vue.directive('checkBtn', {
      inserted(el, binding) {
        // el: 指令写到那个元素身上 它拿到的就是那个dom元素
        // binding中的 value 指令绑定的值是什么 value就是什么
        console.log(binding.value, el)
        const points = store.getters.points
        if (!points.includes(binding.value)) {
          // 移除当前button
          el.parentNode.removeChild(el)
        }
      }
    })
  }
}

export default directivePlugin
